<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="format-detection" content="email=no" />
        <title>升学在线</title>
        <script src="./js/bowser.min.js" type="text/javascript"></script>
        <script src="./js/redirect.js?201806271730" type="text/javascript"></script>
        <script>
            var isPad = bowser.tablet;
		if(isPad){
			var meta = document.createElement("meta");
			var head = document.getElementsByTagName("head")[0];
			head.insertBefore(meta,head.childNodes[0]);
			meta.setAttribute("name","viewport");
			meta.setAttribute("content","width=device-width, initial-scale=0.6, user-scalable=0, minimum-scale=0.6, maximum-scale=0.6");
		}
    </script>
        <link rel="stylesheet" type="text/css" href="./css_e/global.css">
        <link rel="stylesheet" type="text/css" href="./css_e/index.css">
        <link rel="shortcut icon" href="./bitbug_favicon.ico" type="image/vnd.microsoft.icon">
    </head>
    <body>
        <div class="wrap head_wrap_index">
            <div class="head_wrap">
                <div class="head_bgcolor"></div>
                <div class="head">
                    <div class="head_con">
                        <a href="./index.html">
                            <h1 class="logo"></h1>
                        </a>
                        <ul class="menu_list">
                            <li class="current"><a href="./index.html"><i class="c_line"></i>首页</a></li>
                            <li><a href="./company.html"><i class="c_line"></i><i class="c_line"></i>平台信息</a></li>
                            <li><a href="./culture.html"><i class="s_line"></i><i class="c_line"></i>平台文化</a></li>
                            <li><a href="./system.html"><i class="s_line"></i><i class="c_line"></i>平台产品</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="banner_wrap">
                <div class="flexslider">
                    <ul class="slides">



                        <li class="slide-video slide-bg-img">
                            <!--  <video src="./video/bannerbg2.mp4" loop autoplay preload muted></video>
                            <div class="mask"></div>
                            <div class="logo"></div>
                            <h3 class="text text4">“我愿成为一条河”</h3>
                            <div class="btn-play"></div> -->

                            <div style="position: absolute;width: 100%;height: 2px;background: #fff;bottom: 0;left: 0;"></div>
                        </li>
                        <li class="slide-video">
                            <video style="width: 100%;height: 600px;min-height: 600px;" id="video" src="https://static.shengxue985.com/sxzx_web/web-video-short.mp4" loop
                                autoplay preload muted></video>
                            <div class="show-text">
                                <div class="mask"></div>
                                <div class="logo"></div>
                                <h3 class="text text4">为学生升学引航</h3>
                                <div class="btn-play" id="togglePipButton"></div>
                            </div>
                            <!-- <h3 class="text text3">连接你我 共生未来</h3> -->

                        </li>
                    </ul>
                </div>
                    
                <div class="custom-navigation">
                    <div class="custom-controls-container"></div>
                </div>
            </div>
            <div class="banner-video">
                <div class="mask"></div>
                <div class="video">
                    <div id="video18"></div>
                    <div class="close">×</div>
                </div>
            </div>
            <div class="fullmask"></div>
            <div class="about-wrap">
                <h3 class="title">打造全国最大升学就业服务平台</h3>
                <p>升学在线是一家拥有6000余所签约高中、1200余所合作高校的升学就业服务平台</p>
                <p>志在为高中提供升学教育服务，为高校提供招生就业服务</p>
                <p>让高中生上更好大学，让大学生找更好工作.</p>
                <a class="more-text" href="./news.html" target="_blank">了解更多</a>
            </div>
            <div class="news-wrap">
                <div class="news-box">
                    <div class="news-its news-1" id="hope">
                        <div class="news-bd">
                            <div class="news-list first">
                                <b class="news-tit">
                                    平台愿景
                                </b>
                                <div class="news-date">打造全国最大升学就业服务平台</div>
                            </div>
                        </div>
                        <span class="news_top news_top1"></span>
                    </div>
                    <div class="news-its news-2" id="mission">
                        <div class="news-bd">
                            <div class="news-list first">
                                <b class="news-tit">
                                    平台使命
                                </b>
                                <div class="news-date">让万千学子 . 上更好大学 . 找更好工作</div>
                            </div>
                        </div>
                        <span class="news_top news_top2" id="news3"></span>
                    </div>
                    <div class="news-its news-3" id="worth">
                        <div class="news-bd">
                            <div class="news-list first">
                                <b class="news-tit">
                                    平台价值观
                                </b>
                                <div class="news-date">做正己的人 做利他的事</div>
                            </div>
                        </div>
                        <span class="news_top news_top3"></span>
                    </div>
                </div>

            </div>
            <div class="moreproj-wrap">
                <a href="system.html" class="moreproj-box">
                    <div class="bg"></div>
                    <span class="posTop"></span>
                    <h3 class="tit"> 做好招生就业 助力学生成为更好的自己</h3>
                    <p class="des">扎根升学服务 拥抱就业提升</p>
                    <span class="more">了解更多产品服务</span>
                </a>
            </div>
            <div class="footer">
                <div class="footer_con">
                    <div class="footer_con_wrap">
                        <div class="footer_attention">
                            <h4 class="title">关注我们</h4>
                            <ul class="link_list">
                                <li><a class="tencent_wx"></i>微信</a></li>
                                <li><a class="tencent_app"></i>升学APP</a></li>
                            </ul>
                        </div>
                        <div class="footer_joinus">
                            <h4 class="title">加入我们</h4>
                            <ul class="link_list">
                                <li><a title="">社会招聘</a></li>
                                <li><a class="tencent_recruit">校园招聘</a></li>
                            </ul>
                        </div>
                        <div class="footer_contact">
                            <h4 class="title">联系我们</h4>
                            <ul class="link_list">
                                <li><a class="service_g1">合作洽谈</a></li>
                                <li><a class="service_g2">客户服务</a></li>
                            </ul>
                        </div>

                    </div>
                    <div class="footer_wx_layer">
                        <div class="wx_account">
                            <img style="display: block;width: 100%;height: 100%;" src="./images/global/wx.png" alt="">
                        </div>
                    </div>
                    <div class="footer_wx_layer_app">
                        <div class="wx_account">
                            <img style="display: block;width: 100%;height: 100%;" src="./images/global/app.png" alt="">
                        </div>
                    </div>
                    <div class="footer_wx_layer_recruit">
                        <div class="wx_account">
                            <img style="display: block;width: 100%;height: 100%;" src="./images/global/recruit.png" alt="">
                        </div>
                    </div>
                    <div class="footer_wx_layer_g1">
                        <img style="display: block;width: 100%;height: 100%;" src="./images/global/g1.png" alt="">

                    </div>
                    <div class="footer_wx_layer_g2">
                        <img style="display: block;width: 100%;height: 100%;" src="./images/global/g2.png" alt="">
                    </div>
                    <div class="footer_links">
                        <ul>
                            <li><a href="" target="_blank">客服热线: 027-88161985</a></li>
                            <li><a href="" target="_blank">违法和不良信息举报邮箱：sx985@sx985.com</a></li>

                            <li class="last"><a href="" target="_blank">Copyright © 2014-2020 sx985.com 升学在线 版权所有
                                    鄂ICP备12011575号-1 鄂公网安备42018602000107号</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        <div class="video-pop">
             <div class="pop-bg"></div>
             <div class="pop-box">
                 <img class="close" src="./images/index/close.png" alt="img" />
                 <video width="100%" autoplay loop preload muted src="" class="video" id="videos"></video>
             </div>
         </div>   
        <script src="./js/jquery-1.11.3.min.js"></script>
        <script src="./js/jquery.dotdotdot.min.js"></script>
        <script src="./js_e/jquery.flexslider-min.js"></script>
        <script src="//vm.gtimg.cn/tencentvideo/txp/js/txplayer.js"></script>
        <script src="./js_e/index.js"></script>
        <script src="./js_e/template.js"></script>
        <script src="./js_e/script.js"></script>
        <script>
            
             var video = document.getElementById("videos");
             var videoPlay = document.getElementById("video")
            $('#togglePipButton').on('click',function(){
              $('.video-pop').show();
              $('.video-pop .pop-box .video').attr('src',"https://static.shengxue985.com/sxzx_web/web-video.mp4");
              video.play();
              videoPlay.pause()
            })
            
            $('.video-pop .pop-box .close').on('click',function(){
              video.pause();
              $('.video-pop .pop-box .video').attr('src','');
              $('.video-pop').hide();
              videoPlay.play()
              
              // $('#video').controls="autoplay"
              
            })
//             var video = document.getElementById('video');
//             var togglePipButton = document.getElementById('togglePipButton');
//             if ('pictureInPictureEnabled' in document == false) {
//                 // window.location.href='https://static.shengxue985.com/sxzx_web/web-video.mp4'
//                 togglePipButton.onclick = function() {
//                     window.location.href='https://static.shengxue985.com/sxzx_web/web-video.mp4'
//                     // video.src = "https://static.shengxue985.com/sxzx_web/web-video.mp4"
//                 }
// 
//                 console.log('当前浏览器不支持视频画中画。');
// 
//                 // togglePipButton.disabled = true;
//             } else {
//                 togglePipButton.hidden = !document.pictureInPictureEnabled ||
//                     video.disablePictureInPicture;
// 
//                 togglePipButton.addEventListener('click', function() {
//                     $('show-text').hide()
//                     if (!document.pictureInPictureElement) {
//                         video.requestPictureInPicture()
//                             .then(res => {
//                                 video.src = "https://static.shengxue985.com/sxzx_web/web-video.mp4"
//                                 console.log(66666)
//                             })
//                             .catch(error => {
//                                 console.log(33333)
//                                 // Video failed to enter Picture-in-Picture mode.
//                             });
//                     } else {
// 
//                         document.exitPictureInPicture()
//                             .then(res => {
// 
//                             })
//                             .catch(error => {
//                                 $('show-text').show()
// 
// 
//                                 // Video failed to leave Picture-in-Picture mode.
//                             });
//                     }
//                 });
//             }








            var currentTime = localStorage.getItem("currentTime");
            // console.log(currentTime);
            video.addEventListener("loadedmetadata", function() {
                this.currentTime = currentTime;
            });

            video.addEventListener("timeupdate", function() {
                var currentTime = Math.floor(video.currentTime);
                localStorage.setItem("currentTime", currentTime);
                // console.log(localStorage.getItem("currentTime"));
            });
            $(".news-its").click(function() {
                window.location.href = './culture.html'
            });
        </script>

    </body>
</html>
